;(function () {
    // 获取WEB存储 
    let city_name = localStorage.getItem('city_name') || '请手动选择'
    $('.city .choose-city').html(city_name)
    // 切换城市移入显示
    $('.area .change-city').mouseover(function () {
        $('.area .box').show()
    })
    // 切换城市移出隐藏
    $('.area').mouseleave(function () {
        $('.area .box').hide()
    })
    // 标题特效
    $('.tab li').click(function () {
        let index = $(this).index()
        // 标题
        $(this).siblings().removeClass('cur')
        $(this).addClass('cur')
        // 内容
        $('.tab-content').hide()
        $('.tab-content').eq(index).show()
    })
    // 内容特效
    $('.tab-content').on('click', 'a', function () {
        // 数据
        let title = $(this).text()
        let index = $(this).parents('.tab-content').index()
        // 当前选中
        $('.tab-content')
            .eq(index - 1)
            .find('.city')
            .removeClass('cur')
        $(this).parents('.city').addClass('cur')
        // 标题
        $('.tab li')
            .eq(index - 1)
            .text(title)
        if (index == 3) return
        $('.tab li').removeClass('cur')
        $('.tab li').eq(index).addClass('cur')
        // 下一个显示
        $('.tab li').eq(index).show()
        $('.tab-content')
            .eq(index - 1)
            .hide()
        $('.tab-content').eq(index).show()
    })
    // 内容选中
    $('.tab-content').on('click', 'span', function () {
        let title = $(this).prev().text()
        let areaId = $(this).parents('.city').attr('area-id')
        $('.area .box').hide()
    })
    // 选择存储
    $('.tab-content').on('click', 'span', function () {
        let title = $(this).prev().text()
        let areaId = $(this).parents('.city').attr('area-id')
        localStorage.setItem('city_name', title)
        localStorage.setItem('city_id', areaId)
        // $('.city .choose-city').html(title)
        location.reload()
    })
})()
